<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
    <title>用户中心</title>
    <link rel="stylesheet" href="/static/weui-1.0.2/dist/style/weui.css"/>
    <link rel="stylesheet" href="/static/weui-1.0.2/dist/example/example.css"/>
    <script src="/static/admin/css/jquery-3.0.0.min.js"></script>
</head>
<style>
    .jie{
        margin-right:50px;
        padding-right:8px;
        width:40px;
        border:1px solid grey;
        border-radius: 10px;
    }
</style>
<body>

    <div class="weui-panel weui-panel_access" style="margin-top: 20px;">
        <div class="weui-panel__bd">
            <a href="javascript:void(0);" class="weui-media-box weui-media-box_appmsg">
                <div class="weui-media-box__hd">
                    <img class="weui-media-box__thumb" src="/static/weui-1.0.2/img/yh.png" alt="">
                </div>
                <div class="weui-media-box__bd">
                    <p class="weui-media-box__desc"><img src="/static/weui-1.0.2/img/xs.png" width="20" alt="">小明</p>
                    <hr style="margin-top:5px;margin-bottom: 20px;color:white;width:100px" >
                    <p class="weui-media-box__desc"><img src="/static/weui-1.0.2/img/bj.png" width="20" alt="">大班</p>
                    <hr style="margin-top:5px;width:100px">
                </div>
            </a>
        </div>

    </div>
    <div class="page__bd">
        <div class="weui-cells__title"></div>
        <div class="weui-cells">

            <a class="weui-cell weui-cell_access kb" href="javascript:;">
                <div class="weui-cell__hd"><img src="/static/weui-1.0.2/img/kb1.png" alt="" style="width:20px;margin-right:5px;display:block"></div>
                <div class="weui-cell__bd">
                    <p>卡包</p>
                </div>
                <div class="weui-cell__ft"></div>
            </a>
            <div class="weui-cells kh" style="text-align: center;display: none;">
                <div class="weui-cell">
                    <div class="weui-cell__bd">
                        <p>86241224</p>
                    </div>
                    <div class="weui-cell__ft jie" >解绑</div>
                </div>
                <div class="weui-cell">
                    <div class="weui-cell__bd">
                        <p>45784554</p>
                    </div>
                    <div class="weui-cell__ft jie" >解绑</div>
                </div>
                <div class="weui-cell">
                    <div class="weui-cell__bd" >
                        <p style="margin:0 auto;width:100px;border:1px solid grey;border-radius: 10px;">添加新卡</p>
                    </div>

                </div>
            </div>

            <a class="weui-cell weui-cell_access" href="javascript:;" id="showTooltips">
                <div class="weui-cell__hd"><img src="/static/weui-1.0.2/img/sf.png" alt="" style="width:20px;margin-right:5px;display:block"></div>
                <div class="weui-cell__bd">
                    <p>我的身份</p>
                </div>
                <div class="weui-cell__ft"></div>
            </a>
        </div>

    </div>

    <div class="page__bd">
        <div class="weui-cells__title"></div>
        <div class="weui-cells">
            <a class="weui-cell weui-cell_access she" href="javascript:;">
                <div class="weui-cell__hd"><img src="/static/weui-1.0.2/img/she.jpg" alt="" style="width:30px;margin-right:5px;display:block"></div>
                <div class="weui-cell__bd">
                    <p>设置</p>
                </div>
                <div class="weui-cell__ft"></div>
            </a>
        </div>
    </div>
</body>
</html>
<script>
    $('.kb').click(function(){
        if($('.kh').css('display')=='none'){
            $('.kh').show();
        }else{
            $('.kh').hide();
        }
    })

    $('#showTooltips').click(function () {
        location.href = "{:url('ldentity')}";
        return;
    })

    $('.she').click(function () {
        location.href = "{:url('bind_card')}";
    })
</script>